بسم الله الرححن الرحيم 


لغة الويب جافا سكربت أ شبة ماتكون لغة برمجة تستخدم لأنشاء تطبيقات تظهر في صفحة الويب لتعطيها أكثر 


تستخدمها الكثير من المواقع وتدعمها أغلب المتصفحات 
لاتشبة 1١1‏ فهي ليست منا سبة لتصميم الصفحات 
لا تحتاج مفسر كما اللغات الأخرى بل يكفي المتصفح 


حسا سة لحالة الأحرف مثلا المتتغير ۸ يختلف عن 4 


نكتب مرحبا في جافا سکربت 


الدرس الأول 


<script type="text/javascript"> 
document.write ("lبzرe")‎ 


</script> 


نستخدم ۲€أ/۸1.W 00٤-1706‏ لكتابة نص (لاتنسى علامتي التنصييص بين القوسين والدقة في كتابة الكود) 


في الهتمل يمكنك أن تكتبها مباشرة ولكن ستعرف أنها ليست ببساطتها 


التعليقان 


<script language="javascript"> 


تعليق من سطر واحد// 


تعليق*/ 
أكثر 
/*من سطر 


</script> 


| لمتغير ات 
هي قيم نسندها ألى أسم ليسهل الرجوع أليها : 
متلا 56=× 
وضعنا 56 في متغير بأسم × فبدلا من أن نكتب 56 كل مرة نكتفي بكتابة × 
مثلا في الرياضيات نقول ط دلالة الرقم 3.141 


<script type="text/javascript"> 


" 


var a مرحبا"=‎ 


</script> 
ملاحظات‎ 
لايشترط ١ء قبل المتغبر / المتغير لايبدأبعدد / 5× متغير عددي "5× متغير نصي‎ 


هناك أسماء لايكن تسمية التغيرات بها لأنها أسماء عمليات وأوامر في اللغة مثل ءعد»ء و مهاف وغيرها 


تدریب بسیيط 


<script type="text/javascript"> مرحبا‎ 
a مرحبا 1ے‎ " 


document.write (a) 


</script> 


حاسبة 


<script type="text/javascript"> 14 
a=5 
b=9 
alert (a+b) 


</script> 


ذوافد الطهور 


alert 


نافذة صغيرة ت تظهر تذبي للتنبية عن شيء معين 


prompt 
نافذة تظهر مثل 416۲۲ تستطيع أدخال قيم لمتغيرات فيها‎ 


confirm 


تحدد الزائرر بین خيارین نعم او لا 


مثلا للترحیب بالزائر 


<script type="text/javascript"> 
alert ("Iبzرم")‎ 


</script> 


<script language="javascript"> 
prompt (" ما أسمك‎ ") 


</script> 


<script type="text/javascript"> 
confirm (" هل نت سعد‎ "( 


</script> 


<script type="text/javascript"> 
m= prompt (" ما أسمك‎ "( 
alert (m+"lبzرم")‎ 


</script> 


if statement 


If.....else if......else 
الشرطية‎ ¡٤ 
السگ ر بت ل أا ج اقرط‎ 
مثلا تريد أن يظهر السلام عليكم لشخص أسمة محمد فقط‎ 
<script type="text/javascript"> السلام عليكم‎ 


" " 


محمد =0۳۱] 


if ("محمد"==0)‎ 


{ 
("السلام lEلıكpم‏ "( document.write‏ 
} 
</script>‏ 
else if‏ 
سينفذ أولا الشرط ¡f‏ ولكن أن لم يصح سوف ينفيذ الشرط اا عءآم 
(نلاحظ أن قيمة ۳ ليست محمد في الشرط ۴¡ ولكن سيحدث ۴أ ماه لان " هي محمد أي تحقق الشرط) 
جید <script type="text/javascript">‏ 


" " 
محمد =0 


if (''سعد"==0)‎ 
{ 
document.write (" مpSılE )"السلام‎ 
} 
else if ("محمد"==0(‎ 
{ 
document.write ("<h3> دıج‎ </h3>") 
} 


</script> 


else 


أذا لم يتحقق أي شرط 


وهي لاتشترط شي لحدوثها أي تنفذ مباشرة أن لم يصح شرط گذ وشرط اا 615€ 


<script type="text/javascript"> 
m=prompt ("mكمaسأ ماھو‎ "( 
if ("'سعد"==”)‎ 

{ 
document.write (" مكıلlE ("السلام‎ 
} 
else if (m=="دمحم"(‎ 
{ 
document.write ("<h3> دıج‎ </h3>") 
} 
else { 

document.write ىرفك"(‎ lJ") 
} 


</script> 


مثال 


<script type="text/javascript"> 
n=prompt ("أكتب عد"(‎ 

if (n<8) 

إ ("عدد أصغر من 8") a1۲‏ ] 

else if (n>8) 

("عدد أکبر من 8") ale‏ { 

else if (n==8) 

{alert ("8 )"هو‎ } 

else {document.write ("ıدع )"هذا ليس‎ 


</script> 


الشات 


Array 


المصفوفات نوع خاص من المتغيرات يمكن أن يخزن قيم عديدة 


هذه المصفوفة بأسم ه تحمل ثلاث عناصر [1]صة [4]”"جa an]8[‏ 


السلام,,,عليكم,,ر,مرحبا, 


علیکم 


<script type="text/javascript"> 
an=new ArrayÛ 


an]1[="مالسلا";‎ 
a1]4[=" ;"عليكم‎ 
a1]8[="ابحرم";‎ 


document.write (an) 
document.write ("<br>"+"<br>"+an[4]) 


</script> 


function Jlgدلl‎ 


لجعل السكربت ينفذ عند أستدعائة 
مثال بالضغط على الزر ينفذ الدالة ۲۸0 
<script language="javascript">‏ 
function rn ()‏ 
{ 
(صورة فقط) alert ("IlaÎ")‏ 
} 


</script> 


أتخط عتا 


<br><br><br> 


<input type="button" value="La hé›Î" onclick="rn(0 "> 


أستدعي الدالة بأستخدام ادمع منها kعناعره‏ كما في المثال و تكون داخل أي وسم اصاط 
هناك غيرها مثل 

)icاonc‏ عند الضغط 

nmouseoverە‏ عندما يصبح المؤشر فوق الشي 

)icاondb]c‏ عند الضغط مرتین 

onmouseout‏ عندما یخرحج الموشرمن الشیئ 


مثال آخر 

ondblclick lioxختwÎ‎ 
<script type="text/javascript"> 
7=" "أهلا وسهلا‎ 
function mM (0) 
{ 
document.write (Z) 
} 
</script> 
<marquee behavior="alternate" scrollamount="12" ondblclick=" ¬ 0"> />أضغط مرتين‎ marquee> 


for 


التكراريات كص0ه0[ 


مثال 


السلام عليكم 
السلام عليكم 
السلام عليكم 
السلام عليكم 
السلام عليكم 
السلام عليكم 


تتڪرر السلام علیکم تزایدیا من 4= ۳ حتی 9=" 


While 


<script type="text/javascript"> 
for (m=4; mMm<=9; m++) 


document.write ("<b1>"+" pSılE ("السلام‎ 


اهلا وسهلا 
هلا وسهلا 
اهلا وسهلا 
اهلا وسهلا 


1 


</script> 


<script type="text/javascript"> 
a=5 

while (a<15) 

{ 
alert ("i love you") 
a+=3 

تتزاید بمقدار 3// 

} 


</script> 


الوقت والتاريخ في الجافاسڪربت 


يمكن معرفة الوقت والتاريخ في جهاز الزائر 


<script type="text/javascript"> 
b=new Date0 

m=b.getHoursÛ0 

alert (mM) 


</script> 


المتغير ا يحمل خاصية الوقت وتحديدا الساعات بأستخدام b.get]10 u0‏ 
المتغير 1٣‏ يختصر علينا كتابة H101۲۶0اعb.g‏ 


السنة بالميلادي 
الدقائق 

الثوان 

اليوم 

الساعات 


مثال 


getFullYear() 
getMinutes() 


( 

( 
getSeconds() 
getDate() 

( 


getHours() 


عليك الدخول الساعن 18 ثي كتابن كلمت السر 45 لتحصل على هلبك 


<script type="text/javascript"> 
f=new Date(0 
nn=f.getHoursO 


if (nn==18) 

{ 

a=prompt ("رwلا ("كلمة‎ 
} 

if (a=="45") 

{ 

("أهلا"+" "+"بك") aleI†‏ 

} 


</script> 


Switch 


if statement تشبة‎ 


مثال 
3 حالات الأرض المريخ زحل 
المتغير ٠‏ إذا كان "الأرض" سيظهر "كوكبنا الجميل" 
وأذا كان المريخ يظهر "الكوكب الأحمر" .........ألخ 
أما لم تتحقق أي حالة (٤1اه؟٥ل)‏ فسيظهر "لا أعرف هذا الكوكب" 


[تطبيق جافاسكريت] 


<script type="text/javascript"> 
"الأرض"=ه‎ 

switch (e) { 

:"الأرض" 26ع 

("كوکبنا الجميل") a1٥۲۲‏ 

break; 


°Ca5€ :"المريخ"‎ 
a16۲۲ ("الكوكب الأحمر")‎ 
break; 


برخل" case‏ 
("يتميز بحلقة حوله") a16۲٤‏ 
break;‏ 


default: 

إذا لم تحقق أي حالة // 

("لا أعرف هذا الكوكب") 216۲٤‏ 
} 


</script> 


